<!DOCTYPE html>
<html>
<body>
    <h2>统计字母r的数量</h2>
    <textarea id="text1" placeholder="输入第一个字符串"></textarea><br>
    <textarea id="text2" placeholder="输入第二个字符串"></textarea><br>
    <button onclick="countR()">统计r的数量</button>
    <p id="result"></p>

    <script>
        function countR() {
            const text1 = document.getElementById('text1').value.toLowerCase();
            const text2 = document.getElementById('text2').value.toLowerCase();
            const count1 = (text1.match(/r/g) || []).length;
            const count2 = (text2.match(/r/g) || []).length;
            const total = count1 + count2;
            document.getElementById('result').textContent = 
                `第一个文本框有 ${count1} 个r，第二个文本框有 ${count2} 个r，总计 ${total} 个r`;
        }
    </script>
</body>
</html>